<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"  lang="en">

<head>
  <meta charset="UTF-8">
  <title>我的好友</title>
  <link rel="shortcut icon" href="#"/>
  <link rel="stylesheet" href="/layui/css/layui.css">
  <script type="text/javascript" src="/layui/layui.js"></script>
  <script src="/js/studentList.js"></script>

</head>
<body>
<blockquote class="layui-elem-quote">我的好朋友</blockquote>
<!--编辑弹出框-->
<div class="site-text" style="margin: 5%; display: none" id="addStudentFormDiv" lay-filter="addStudentForm111" >
  <form class="layui-form" action="" lay-filter="addStudentForm"  id="addStudentForm">
    <div class="layui-form-item">

      <label class="layui-form-label">输入框</label>
      <div class="layui-input-block">
        <label>
          <input type="text" name="title" required  lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input">
        </label>
      </div>


      <label class="layui-form-label">姓名</label>
      <div class="layui-input-block">
        <label>
          <input type="text" name="name" id="name" required  lay-verify="required" placeholder="请输入姓名" autocomplete="off"  class="layui-input">
        </label>
      </div>
      <label class="layui-form-label">年龄</label>
      <div class="layui-input-block">
        <label>
          <input type="text" name="age"  id="age" placeholder="请输入年龄" required  lay-verify="required" autocomplete="off" class="layui-input">
        </label>
      </div>
      <label class="layui-form-label">家乡</label>
      <div class="layui-input-block">
        <label>
          <input type="text" name="hometown" id="hometown" placeholder="请输入家乡" autocomplete="off" class="layui-input">
        </label>
      </div>
      <label class="layui-form-label">爱好</label>
      <div class="layui-input-block">
        <label>
          <input type="text" name="hobby"  id="hobby" placeholder="请输入爱好" autocomplete="off" class="layui-input">
        </label>
      </div>
      <label class="layui-form-label">性别</label>
      <div class="layui-input-block"  id="sex">
        <input type="radio" name="sex" value="0" title="男">
        <input type="radio" name="sex" value="1" title="女" checked>
      </div>
    </div>
  </form>
</div>

<!--查询框-->
<form class="layui-form" action="" lay-filter="StudentForm">
  <div class="layui-form-item" >
    <label class="layui-form-label">姓名</label>
    <div class="layui-input-inline">
      <label>
        <input type="text" name="name"  placeholder="请输入姓名" autocomplete="off"  class="layui-input">
      </label>
    </div>
    <label class="layui-form-label">爱好</label>
    <div class="layui-input-inline">
      <label>
        <input type="text" name="hobby"  placeholder="请输入爱好" autocomplete="off" class="layui-input">
      </label>
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">年龄</label>
    <div class="layui-input-inline">
      <label>
        <input type="text" name="age"  placeholder="请输入年龄" autocomplete="off" class="layui-input">
      </label>
    </div>
    <label class="layui-form-label">家乡</label>
    <div class="layui-input-inline">
      <label>
        <input type="text" name="hometown"  placeholder="请输入家乡" autocomplete="off" class="layui-input">
      </label>
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">性别</label>
    <div class="layui-input-block" id="seachSex" >
      <input type="radio" name="sex" value="0" title="男">
      <input type="radio" name="sex" value="1" title="女">
      <input type="radio" name="sex" value=2 title="不限" checked>
    </div>
    <div class="layui-input-block">
      <button type="submit" class="layui-btn" lay-submit="" lay-filter="demo1" id="LAY-component-form-getval" >立即提交</button>
      <button type="reset" class="layui-btn layui-btn-primary" >重置</button>

    </div>
  </div>
</form>


<table id="studentTable" lay-filter="userFi"></table>
</body>
</html>
<!--
location.protocol = "http:"
location.host = "localhost:8080"
location.pathname= "路径地址“
自己实验一下
window.open(location.protocol+"//"+location.host+"/notice/new.do" );

-->
